<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本处理标签</title>
</head>
<body>
    我是普通文字
    <!-- 2.空格折叠现象：将连续多个空格或换行折叠为一个空格显示    -->
    <br>   <!-- 3.换行标签 单标记标签-->
    <!-- 1.文本基础效果标签-->
    <b>加粗文字     bold</b>
    <br>
    <i>斜体文字intalic</i>
    <br>
    <u>下划线文字underline</u>
    <s>删除线文字</s>
    <mark>高亮文字</mark>
    <br>
    <!-- 4.转义符号
    &lt; less than 表示小于号
    &gt; greater than 表示大于号
    &nbsp; 表示空格-->
    我最爱吃<苏东坡>做的红烧肉</苏东坡>
    我最爱吃&lt;tom&gt;做的&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;红烧肉

    <!-- 5.标题标签 加粗 修改字号 内容独占一行 有垂直方向的上下行间距-->
    <h1>我是标题1</h1>
    <h2>我是标题2</h2>
    <h3>我是标题3</h3>
    <h4>我是标题4</h4>
    <h5>我是标题5</h5>
    <h6>我是标题6</h6>
    <!-- 没有标题7，但不会报错，只是不渲染标题效果 -->
    <h7>我是标题7</h7>

    <!-- 6.段落标签 内容独占一行 有垂直方向的行间距 不会有文字效果 -->
    <p>我是段落1</p>
    <p>我是段落2</p>
    <p>我是段落3</p>

    <!-- 7.分割线标签 生成一条灰色的水平分割线-->
    <hr>
    <!-- 8.生成假文 lorem后 Tab补全-->
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam atque blanditiis consectetur consequatur consequuntur cumque delectus dicta eaque eius eligendi enim eos error est eum expedita fugiat fugit id illum impedit incidunt ipsamipsum iusto laboriosam laudantium libero minus mol

    <!-- 9.有序列表 ordered list-->
    <!--有序列表的type值:1阿拉伯数字 A/a大/小写字母 I大写罗马数字 i小写罗马数字-->
    <ol type="I">
        <!--list item 列表项-->
        <li>把水烧开</li>
        <li>把面放进去</li>
        <li>把面捞出来</li>
    </ol>

    <!-- 10.无序列表 unordered list-->
    <!--无序列表的type值:disc：实心圆点，默认值；circle：空心圆点；square：实心方块-->
    <ul type="none">
        <!--list item 列表项-->
        <li>《Think in Java></li>
        <li>《Java从入门到精通》</li>
        <li>《颈椎康复指南》</li>
    </ul>
    <hr>
    <ul type="none">
        <li>热菜</li>
        <li>
            <ol>
                <li>西红柿牛腩</li>
                <li>水煮肉片</li>
                <li>宫保鸡丁</li>
                <li>溜肉段</li>
            </ol>
        </li>
        <li>凉菜</li>
        <li>
            <ol>
                <li>拍黄瓜</li>
                <li>凉拌三丝</li>
                <li>皮蛋豆腐</li>
            </ol>
        </li>
        <li>主食</li>
        <li>
            <ol>
                <li>米饭</li>
                <li>馒头</li>
            </ol>
        </li>
    </ul>
    <hr>
    <h1>个人简历</h1>
    <h3>基本信息</h3>
    <p>姓名:<b>传奇哥</b></p>
    <p>性别:男</p>
    <p>爱好:摄影</p>
    <h3>个人经历</h3>

    <ul>
        <li>小学9年</li>
        <li>中学9年</li>
        <li>高学12年</li>
    </ul>

    <h3>获得荣誉</h3>

    <ol>
        <li>机甲收集达人</li>
        <li>玩偶收集达人</li>
    </ol>
    <hr>

</body>

</html>